nuxt | 您所在的位置:网站首页 › swiperjs npm › nuxt |
Swiper.js built for Nuxt 3
Fully featured Swiper.js module for Nuxt 3. Checkout Swiper.js for more information about how to use. Features 🚀 Nuxt 3 Support 📖 Open Source 🪄 Typescript Support ✨ Auto imports enabled ✨ Just works out of the box like magic ✨ StackBlitz DemoJust want to try it out ? Checkout the demo below. Default Prefix: Swiper You can change the prefix in the module options. Module Name Auto Imported SwiperA11y ✅ SwiperAutoplay ✅ SwiperController ✅ SwiperEffectCreative ✅ SwiperEffectCoverflow ✅ SwiperEffectCube ✅ SwiperEffectFade ✅ SwiperEffectFlip ✅ SwiperFreeMode ✅ SwiperGrid ✅ SwiperHashNavigation ✅ SwiperHistory ✅ SwiperKeyboard ✅ SwiperLazy ❌ - Taken out Swiper ^9.0.0 SwiperMousewheel ✅ SwiperManipulation ✅ SwiperNavigation ✅ SwiperPagination ✅ SwiperParallax ✅ SwiperScrollbar ✅ SwiperThumbs ✅ SwiperVirtual ✅ SwiperZoom ✅ {{ slide }} Module Options type SwiperStyleLangType = 'css' | 'scss' type SwiperModulesType = | 'a11y' | 'autoplay' | 'controller' | 'free-mode' | 'grid' | 'hash-navigation' | 'history' | 'keyboard' | 'lazy' | 'manipulation' | 'mousewheel' | 'navigation' | 'pagination' | 'parallax' | 'scrollbar' | 'thumbs' | 'virtual' | 'zoom' | `effect-${SwiperInterface['effect']}` export interface SwiperModuleOptions { /** * The prefix to use for the Swiper Modules to import. * This is useful for importing only the modules you need and * avoiding importing the entire Swiper library. * * e.g. `${prefix}Autoplay` -> `SwiperAutoplay` * * @default 'Swiper' - import components from 'swiper/vue' by default */ prefix?: string /** * Which type of lang of styles to import * * @default 'css' - imports css from 'swiper/css' by default */ styleLang?: SwiperStyleLangType /** * Swiper modules to import * * '*' - imports all modules * '['thumbs', 'lazy']' - imports only specified modules * * @default '*' - imports all modules by default */ modules?: '*' | SwiperModulesType[] } export {} 💻 Development Clone this repository Enable Corepack using corepack enable Install dependencies using pnpm install --shamefully-hoist Open playground with pnpm dev ➕ ContributingContributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are greatly appreciated. Fork the Project Create your Feature Branch (git checkout -b feature/AmazingFeature) Commit your Changes (git commit -m 'Add some AmazingFeature') Push to the Branch (git push origin feature/AmazingFeature) Open a Pull Request Creditsswiper is developed by @nolimits4web. nuxt-swiper is developed by @cpreston321. 📜 LicenseMIT License © 2022 cpreston321 📧 Contactcpreston321 - @cpreston321 Also, if you like my work, please feel free to buy me a coffee ☕️ |
CopyRight 2018-2019 实验室设备网 版权所有 |